<template>
  <van-nav-bar
    title="用户设置"
    left-text="返回"
    left-arrow
    @click-left="$router.back()"
    fixed
    placeholder
  />
  <div class="avatar">
    <van-image round width="100px" height="100px" :src="imgs" />
  </div>
  <van-uploader v-model="imgs" reupload max-count="2" />
  <van-cell-group inset>
    <van-cell title="修改头像" is-link to="/updateAvatar" />
    <van-cell title="修改密码" is-link url="https://github.com" />
  </van-cell-group>
</template>

<script setup>
import { ref } from 'vue'
let imgs = ref(['https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg'])
</script>

<style scoped>
.avatar {
  text-align: center;
}
</style>
